<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 8]> <html lang="zh-CN" class="ie8"> <![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh-CN">

<head>
	<link rel="shortcut icon" href="https://www.itsource.cn/img/logo_small.jpg">
	<meta charset="utf-8" />
	<title>用户中心</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<link type="text/css" rel="stylesheet" href="css/common.css" />
	<link type="text/css" rel="stylesheet" href="css/user.css" />
	<link type="text/css" rel="stylesheet" href="css/color-style.css" />

	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/layer.js"></script>
	<script type="text/javascript" src="js/jquery.method.js"></script>
	<script type="text/javascript" src="js/jquery.modal.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/jquery.tablelist.js"></script>
	<script type="text/javascript" src="js/jquery.cookie.js"></script>
	<script type="text/javascript" src="js/common1.js"></script>
	<script type="text/javascript" src="js/user.js"></script>

	<script type="text/javascript" src="js/plugins/vue/dist/vue.js"></script>
	<script type="text/javascript" src="js/plugins/axios/dist/axios.js"></script>
	<script src="js/jquery.cookie.js"></script>
	<script src="/js/axios.common.js"></script>
	<link rel="stylesheet" href="js/jqueryAlert/alert.css">
	<script src="js/jqueryAlert/alert.js"></script>
</head>

<body>
<div id="nav" class="bg-color">
	<div class="nav-content w1210">
		<div class="logo-info">
			<a href="/" target="_blank" class="logo fore1">
				<img src="css/mall_logo_0_white.png" style="margin-top: 10px;" />
			</a>
			<div class="user-link">
				<a href="/user.html" target="_self" class="fore2">我的课程</a>
				<a href="http://course.ymcc.com:6002/list.html" target="_blank" class="fore3">返回课程首页</a>
			</div>
		</div>
		<div class="navitems">
			<ul>
				<li class="fore-1">
					<a href="/user.html" target="_self" href="">首页</a>
				</li>
				<li class="fore-3">
					<div class="dl">
						<div class="dt">
							<span>账户设置</span>
							<b></b>
						</div>
						<div class="dd">
							<a href="/user.my.profile.html" target="_self">
								<span>个人资料</span>
							</a>
							<a href="/user.my.account.secret.html" target="_self">
								<span>账户安全</span>
							</a>
							<a href="/user.home.html" target="_self">
								<span>账号绑定</span>
							</a>
							<!--									<a href="/user.my.address.html" target="_self">-->
							<!--										<span>收货地址</span>-->
							<!--									</a>-->
						</div>
					</div>
				</li>
				<li class="fore-4">
					<a href="/user/message/internal.html">
						消息
					</a>
				</li>
			</ul>
		</div>

	</div>
</div>
</div>

<div id="content">
	<div class="content w1210 clearfix">
		<!-- 引入左侧导航条文件 -->
		<div class="con-left fl">
			<div class="nav-list">
				<div class="func func1">
					<p class="title">
						<i></i>
						<span>会员中心</span>
					</p>
					<a href="user.home.html" class="item curs">
						<span>欢迎页</span>
						<i></i>
					</a>
					<a href="/user.my.profile.html" class="item ">
						<span>个人资料</span>
						<i></i>
					</a>
					<a href="/user.my.account.secret.html" class="item ">
						<span>账户安全</span>
						<i></i>
					</a>

					<!--							<a href="/user.my.address.html" class="item ">-->
					<!--								<span>收货地址</span>-->
					<!--								<i></i>-->
					<!--							</a>-->
					<a href="/user.my.msg.html" class="item ">
						<span>我的消息</span>
						<i></i>
					</a>
					<a href="/user.my.growth.html" class="item ">
						<span>我的成长值</span>
						<i></i>
					</a>
				</div>
				<div class="func func2">
					<p class="title">
						<i></i>
						<span>交易中心</span>
					</p>
					<a href="/user.trade.orders.html" class="item ">
						<span>我的订单</span>
						<i></i>
					</a>
					<a href="/user.trade.comment.html" class="item ">
						<span>我的评价</span>
						<i></i>
					</a>
					<!-- <a href="/user/replace.html" class="item">
        <span>换货维修</span>
        <i></i>
    </a> -->
					<a href="/user.trade.complaint.html" class="item ">
						<span>我的投诉</span>
						<i></i>
					</a>
					<a href="/user.trade.collect.html" class="item ">
						<span>我的收藏</span>
						<i></i>
					</a>
					<!-- <a href="" class="item"><span>我的二手</span><i></i></a> -->
				</div>
				<div class="func func3">
					<p class="title">
						<i></i>
						<span>资金中心</span>
					</p>
					<a href="/user.account.home.html" class="item ">
						<span>我的资金账户</span>
						<i></i>
					</a>
					<a href="/user.account.recharge.html" class="item  ">
						<span>我的充值</span>
						<i></i>
					</a>
					<a href="/user.account.points.html" class="item">
						<span>我的积分</span>
						<i></i>
					</a>
					<a href="/user.account.coupon.html" class="item ">
						<span>我的优惠券</span>
						<i></i>
					</a>
				</div>
				<div class="func func4">
					<p class="title">
						<i></i>
						<span>服务中心</span>
					</p>
					<a href="#" class="item" target="_blank">
						<span>操作帮助</span>
						<i></i>
					</a>
				</div>
			</div>
		</div>

		<!-- 正文，由view提供 -->
		<div class="con-right fr">
			<!-- 动态登录，设置密码 star -->
			<script type="text/javascript" src="js/user_center.js"></script>
			<div class="set-password" style="display: none">
				您尚未设置登录密码，赶快去
				<a href="http://user.ymcc.com/user/security/edit-password" target="_self" title="前往去设置登录密码">设置密码</a>
				吧！
			</div>
			<!-- 动态登录，设置密码 end -->
			<div class="con-right-left fl">
				<div class="user-info">
					<!-- 我的账户相关信息 star -->
					<div class="myInfo">
						<!-- 弹出 star -->
						<div class="tipsBox">
							<div class="myGrade">
								<h3>我的等级信息</h3>
								<p>当前等级：初级会员一级</p>
								<p>
						<span>
							我的成长值：
							<a href="http://user.ymcc.com/user/growth-value" class="second-color" target="_self">0</a>
						</span>
									<span>
							再积累
							<font class="second-color">2</font>
							成长值即可升级至 初级会员二级
						</span>
								</p>
							</div>
							<div class="myAccount">
								<h3>我的账户信息</h3>
								<p>
									个人信息：未完善，请
									<a href="http://user.ymcc.com/user/profile" target="_self" class="btn-link">尽快完善</a>
								</p>
								<p>
									实名认证：未完善，请
									<a href="http://user.ymcc.com/user/profile" target="_self" class="btn-link">尽快完善</a>
								</p>
								<p>
									<span>邮箱：4*******1@qq.com</span>
									<span>
							支付密码：							<a href="http://user.ymcc.com/user/security/edit-surplus-password" target="_self" class="btn-link">立即开启</a>
													</span>
								</p>
							</div>
						</div>
						<!-- 弹出 end -->

						<div class="myInfoFront">
							<div class="imgHeaderBox">
								<a href="" class="headerImg">

									<img src="img/default_user_portrait_0.png">

								</a>
								<div class="updateInfo">
									<div class="opacityBox"></div>
									<a href="http://user.ymcc.com/user/profile" class="realBox">修改资料</a>
								</div>
							</div>
							<p class="name">
								<a href="">


									SZY083SDPF5239


								</a>
							</p>
							<p class="VIP">
								<a href="http://user.ymcc.com/user/growth-value.html" target="_blank" class="imgVip imgVip1">
									<img src="img/14788627664630.gif">
								</a>
								<a href="http://user.ymcc.com/user/growth-value.html" target="_blank" class="txtExplain">初级会员一级</a>
							</p>
							<a href="http://user.ymcc.com/user.my.account.secret.html" class="safeText">账户安全</a>
							<span class="safeGrade">低</span>
							<div class="progressBar">
								<span class="progress progress2"></span>
							</div>
							<p class="safe-grade-info">
					<span class="email">
												<a href="http://user.ymcc.com/user/security/edit-email.html" title="邮箱已绑定">
							<i></i>
							已绑定
						</a>
											</span>
								<span class="phone">
												<a href="http://user.ymcc.com/user/security/edit-mobile.html" title="手机未绑定">
							<i></i>
							未绑定
						</a>
											</span>
								<span class="pay-password">
												<a href="http://user.ymcc.com/user/security/edit-surplus-password.html" title="支付密码未开启">
							<i></i>
							未开启
						</a>
											</span>
							</p>
						</div>
					</div>

					<!-- 我的账户相关信息 end -->
					<!-- 我的账户财产以及订单 star -->
					<div class="myCapital">
						<div class="money">
							<ul class="clearfix">
								<li class="first">
									<div class="title">
										<span>我的余额</span>
									</div>

									<div class="pic">
										<a href="http://user.ymcc.com/user/capital-account.html" title="我的余额">
											<i class="user_bg"></i>
										</a>
									</div>
									<p>
										<!-- <a href="javascript:show_surplus(1061)">
                                            <span id="surplus_div">显示余额</span>
                                        </a> -->
										<a href="http://user.ymcc.com/user/capital-account.html">0</a>
									</p>
								</li>
								<li class="second">
									<div class="title">
										<span>我的成长值</span>
									</div>
									<div class="pic">
										<a href="http://user.ymcc.com/user/growth-value.html" title="我的成长值">
											<i class="user_bg"></i>
										</a>
									</div>
									<p>

										<a href="http://user.ymcc.com/user/growth-value.html">0</a>
									</p>
								</li>
								<li class="third">
									<div class="title">
										<span>我的优惠券</span>
									</div>
									<div class="pic">
										<a href="http://user.ymcc.com/user/bonus.html" title="我的优惠券">
											<i class="user_bg"></i>
										</a>
									</div>
									<p>
										<a href="http://user.ymcc.com/user/bonus.html">0张</a>
									</p>
								</li>
							</ul>
						</div>
						<div class="pending" style="height: auto;">
							<ul style="height: 40px">
								<li class="first">
									<a href="http://user.ymcc.com/user/order/list?type=unpayed" target="_self">
										订单
										<font class="second-color">{{orderNumber}}</font>
									</a>
								</li>
								<li>
									<a href="http://user.ymcc.com/user/order/list?order_status=unshipped" target="_self">
										课程
										<font class="second-color">{{courseNumber}}</font>
									</a>
								</li>
								<li>
									<a href="http://user.ymcc.com/user/order/list?order_status=shipped" target="_self">
										收藏
										<font class="second-color">{{collectNumber}}</font>
									</a>
								</li>
								<li>
									<a href="http://user.ymcc.com/user/order/list?evaluate_status=unevaluate" target="_self">
										评价
										<font class="second-color">{{commentNumber}}</font>
									</a>
								</li>
							</ul>
							<div style="padding-left: 20px">专属推荐链接： http://127.0.0.1:6003/reg.phone.html?code={{code}}</div>
						</div>
					</div>
					<!-- 我的账户财产以及订单 end -->
				</div>
				<div class="container">
					<ul class="tabs">
						<li class="active">
							<h3>
								<a href="#tab1">我的课程</a>
							</h3>
						</li>
						<li class="">
							<h3>
								<a href="#tab2">我的收藏</a>
							</h3>
						</li>
					</ul>
					<!-- 根据tab切换来判断查看更多的href,title的值 star -->
					<a href="http://user.ymcc.com/user/collect/goods.html" target="_self" title="查看全部收藏的商品" class="more">查看更多</a>
					<!-- 根据tab切换来判断查看更多的href,title的值 end -->
					<div class="tab-container">
						<div id="tab1" class="model tab-con collect-goods" style="display: block;">
							<div class="model-con">
								<!--   -->
								<ul>

									<li class="myCourseLi" v-for="course in courseList">
										<a :href="'http://course.ymcc.com:6002/detail.html?courseId='+course.id" :title="course.name" target="_blank" class="img">
											<img :src="course.pic" alt="course.name"  style="border :1px solid #eeeeee;padding: 1px">
										</a>
										<div class="goods-info">
											<a :href="'http://course.ymcc.com:6002/detail.html?courseId='+course.id" :title="course.name" target="_blank" class="name">{{course.name}}</a>
										</div>
									</li>
								</ul>


							</div>
						</div>
						<div id="tab2" class="model tab-con collect-shop" style="display: none;">
							<div class="model-con">
								<!--   -->
								<ul>

									<li class="first">
										<a href="http://user.ymcc.com/shop/6.html" title="源码云课堂源码云课堂" target="_blank" class="img">
											<div class="mask"></div>

											<img src="img/default_shop_image_0.gif" alt="源码云课堂源码云课堂">
										</a>
										<a href="http://user.ymcc.com/shop/6.html" title="" target="_blank" class="name">源码云课堂源码云课堂</a>
									</li>


								</ul>

							</div>
						</div>
					</div>
				</div>
				<!-- 根据浏览，猜您喜欢 star -->
				<div id="user_like" class="model history-like"><h3>
					<i></i>
					<span>根据浏览，猜您喜欢</span>
					<a href="javascript:change_like(1)" target="_self" title="换一批">
						换一批
						<i></i>
					</a>
				</h3>
					<div class="model-con">
						<ul>
							<li>
								<a href="http://user.ymcc.com/goods/4" title="设计总监在线教学" target="_blank" class="img">
									<img src="img/14788784646707.jpg" alt="设计总监在线教学">
								</a>
								<div class="goods-info">

									<a href="http://user.ymcc.com/goods/4" title="设计总监在线教学" target="_blank" class="name">设计总监在线教学</a>
									<p class="second-color">￥29.50</p>
								</div>
							</li>
							<li>
								<a href="http://user.ymcc.com/goods/7" title="java架构师体验课" target="_blank" class="img">
									<img src="img/14789657995869.png" alt="java架构师体验课">
								</a>
								<div class="goods-info">

									<a href="http://user.ymcc.com/goods/7" title="java架构师体验课" target="_blank" class="name">java架构师体验课</a>
									<p class="second-color">￥29.90</p>
								</div>
							</li>
							<li>
								<a href="http://user.ymcc.com/goods/22" title="设计总监在线教学" target="_blank" class="img">
									<img src="img/test3.jpg" alt="设计总监在线教学">
								</a>
								<div class="goods-info">

									<a href="http://user.ymcc.com/goods/22" title="设计总监在线教学" target="_blank" class="name">设计总监在线教学</a>
									<p class="second-color">￥25.00</p>
								</div>
							</li>
							<li>
								<a href="http://user.ymcc.com/goods/30" title="java架构师体验课" target="_blank" class="img">
									<img src="img/TB1ddH2LFXXXXaBXXXXXXXXXXXX_!!0-item_pic.jpg" alt="java架构师体验课">
								</a>
								<div class="goods-info">

									<a href="http://user.ymcc.com/goods/30" title="java架构师体验课" target="_blank" class="name">java架构师体验课</a>
									<p class="second-color">￥39.00</p>
								</div>
							</li>
						</ul>
					</div></div>
			</div>
			<div class="con-right-right fr">
				<!-- 课程公告 star -->
				<div class="model shop-notice" style="display: none">
					<h3>
						<i class="bg-color"></i>
						<span>课程公告</span>
					</h3>
					<div class="notice-con">用户中心公告！双十一大促销！因可能存在系统缓存、页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系我们，以便我们及时补正！</div>
				</div>
				<!-- 课程公告 end -->
				<!-- 我的购物车 star -->
				<div class="model model-spe cart">
					<h3>
						<i class="bg-color"></i>
						<span>我的购物车</span>
					</h3>
					<div class="model-con">
						<!-- *购物城中商品数量为0时 start-->
						<!-- *购物城中商品数量为0时 end-->
						<div>
							<ul>

								<!-- -->
								<li>

									<a href="http://user.ymcc.com/goods/3039.html" title="自粘墙纸贴画创意电视背景墙砖纹壁纸3d立体墙贴客厅卧室装饰贴纸" target="_blank" class="img">
										<img src="img/TB2d7ygdlyN.eBjSZFkXXb8YFXa_!!1732113555.jpg" alt="自粘墙纸贴画创意电视背景墙砖纹壁纸3d立体墙贴客厅卧室装饰贴纸">
									</a>
									<p class="price">￥11.80</p>
								</li>

								<!-- -->
								<li>

									<a href="http://user.ymcc.com/goods/1933.html" title="天天特价包包2016新款秋冬斜挎包韩版手提包流苏贝壳包女包单肩包" target="_blank" class="img">
										<img src="img/test4.jpg" alt="天天特价包包2016新款秋冬斜挎包韩版手提包流苏贝壳包女包单肩包">
									</a>
									<p class="price">￥29.99</p>
								</li>

								<!-- -->
								<li>

									<a href="http://user.ymcc.com/goods/80.html" title="【周黑鸭旗舰店_锁鲜】气调盒装卤鸭脖320g 武汉特产食品零食小吃" target="_blank" class="img">
										<img src="img/TB1lewkJpXXXXbwXFXXXXXXXXXX_!!0-item_pic.jpg" alt="【周黑鸭旗舰店_锁鲜】气调盒装卤鸭脖320g 武汉特产食品零食小吃">
									</a>
									<p class="price">￥36.80</p>
								</li>

								<!-- -->
								<li>

									<a href="http://user.ymcc.com/goods/69.html" title="良品铺子甘栗仁小栗子仁板栗仁零食坚果干果炒货休闲食品糖炒板栗原味80g*3袋" target="_blank" class="img">
										<img src="img/TB1WC_WMVXXXXaLaXXXXXXXXXXX_!!0-item_pic.jpg" alt="良品铺子甘栗仁小栗子仁板栗仁零食坚果干果炒货休闲食品糖炒板栗原味80g*3袋">
									</a>
									<p class="price">￥19.90</p>
								</li>




							</ul>
							<div class="see-all">
								<a href="http://user.ymcc.com/cart.html" target="_blank">
									查看购物车(
									<em class="second-color">5</em>
									)
								</a>
							</div>
						</div>

					</div>
				</div>
				<!-- 我的购物车 end -->
				<!-- 我的足迹 star -->
				<div class="model model-spe history">
					<h3>
						<i class="bg-color"></i>
						<span>我的足迹</span>
					</h3>
					<div class="model-con">

						<!-- *积分兑换的商品数量为0时 end-->
						<div>
							<ul>


								<li>
									<a href="http://user.ymcc.com/goods/10.html" title="jemeter压力测试RabbitMQ实战 黑色 均码" target="_blank" class="img">
										<img src="img/14789706798322.png" alt="jemeter压力测试RabbitMQ实战 黑色 均码">
									</a>
									<p class="price">￥28.80</p>
								</li>



								<li>
									<a href="http://user.ymcc.com/goods/9.html" title="Java gradle 入门到精通 经典版黑色 均码" target="_blank" class="img">
										<img src="img/14789700377694.png" alt="Java gradle 入门到精通 经典版黑色 均码">
									</a>
									<p class="price">￥15.90</p>
								</li>



								<li>
									<a href="http://user.ymcc.com/goods/3078.html" title="2020淘宝病毒式裂变玩法米色[时尚版] 36" target="_blank" class="img">
										<img src="img/TB2lg1Fcp5N.eBjSZFvXXbvMFXa_!!1737892074.jpg" alt="2020淘宝病毒式裂变玩法米色[时尚版] 36">
									</a>
									<p class="price">￥39.90</p>
								</li>



								<li>
									<a href="http://user.ymcc.com/goods/876.html" title="IOS高级开发训练营黑色 36 标准鞋码" target="_blank" class="img">
										<img src="img/TB2nG9HXByN.eBjSZFgXXXmGXXa_!!678391467.jpg" alt="IOS高级开发训练营黑色 36 标准鞋码">
									</a>
									<p class="price">￥59.00</p>
								</li>




							</ul>
							<div class="see-all">
								<a href="http://user.ymcc.com/user/history.html" target="_blank">
									查看全部(
									<em class="second-color">5</em>
									)
								</a>
							</div>
						</div>

					</div>
				</div>
				<!-- 我的足迹 end-->
			</div></div>


	</div>
</div>

<!-- 引入底部文件 -->
<!-- 底部 _start-->
<div class="site-footer">
	<div class="footer-related">
		<div class="footer-info">
			<div class="info-text">
				<!-- 底部导航 -->
				<p class="nav-bottom">
				</p>
				<p>
					Copyright 源代码教育咨询有限公司(www.ymcc.com) 版权所有
					<a href="http://www.miibeian.gov.cn/" target="_blank">蜀ICP备88888888号</a>
				</p>
				<p class="company-info" style="display: none;">四川省成都市高新区天府新谷</p>
				<p class="qualified">
				</p>
			</div>

		</div>

	</div>
</div>
<script type="text/javascript" src="js/jquery.fly.min.js"></script>
</body>
<script type="text/javascript">
	$().ready(function() {
		new Vue({
			el:"#content",
			data(){
				return {
					code:null,	//动态生成推荐链接
					//数据统计
					orderNumber:10,
					courseNumber:10,
					collectNumber:10,
					commentNumber:10,
					courseList:[]
				}
			},
			methods:{
				loadCourseList(){
					this.$http.get("/course/course/listForUser").then(res=>{
						this.code = res.data.data;
						let {success , messaage, data} = res.data;
						console.log(res.data);
						if(success){
							this.courseList = data;
						}else{
							$.alert("课程加载失败["+messaage+"]");
						}
					}).catch(error => {
						$.alert("课程加载失败["+error.message+"]");
					});
				}
			},
			mounted(){
				this.loadCourseList();
				this.invitationCode();
			}
		});
	});
</script>
<style>
	.myCourseLi:hover{
		background-color: #eeeeee;
	}
</style>
</html>